<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function () {
				//选择器
				//$("li:contains(3)").css("color","red")
				//$("li:contains(列表)").css("color","red")
				
				//$("li:has(span)").css("color","red")
				//$("li:has(.span)").css("color","red")
				
				//$("li:empty").css("color","blue")
				
				//$("li:parent").css("color","green")
				
				//$("div:visible").css("color","red")
				
回调函数描述:
			})
		</script>
	</head>
	<body>
		<ul>
			<li>列表1</li>
			<li>列表2</li>
			<li><span class="span">列表3</span></li>
			<li>列表4</li>
			<li>列表5</li>
			<li></li>
		</ul>
		<div >
			<div style="width: 100px; height: 100px; background-color: aqua;display: none;" >1</div>
			<div style="width: 100px; height: 100px; background-color: blueviolet;visibility: hidden;" >2</div>3
		</div>
	    
	</body>
</html>
